/* Layout */
import Layout from '@/views/front/layout/index.vue';
import LayoutInner from '@/views/front/layout/inner.vue';

const frontRoute = {
  constantRoutes: [
    {
      path: '/',
      component: Layout,
      children: [
        {
          path: '',
          name: 'Home',
          // route level code-splitting
          // this generates a separate chunk (front-layout.[hash].js) for this route
          // which is lazy-loaded when the route is visited.
          component: () => import(/* webpackChunkName: "home" */ '@/views/front/home/index.vue'),
        },
      ],
    },
    {
      path: '/article',
      name: 'Article',
      component: LayoutInner,
      children: [
        {
          path: '',
          name: 'ArticleIndex',
          component: () => import(/* webpackChunkName: "article" */ '@/views/front/article/index.vue'),
        },
      ],
    },
  ],
  asyncRoutes: [],
};

export default frontRoute;
